<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>  

<script type="text/javascript">
    $(document).ready(function(){
        
        $("#etb_exists").click(updateForm);
        $("#etb_not_exists").click(updateForm);
        
        $("#admin_exists").click(updateForm);
        $("#admin_not_exists").click(updateForm);
        
        $("#btnAnnuler").click(function(){
            location='bases';
        });
        
        <c:if test="${base.etablissement != null}">
            $("#etb_exists").attr("checked", "checked");
            updateForm();
        </c:if>
        <c:if test="${base.administrateur != null}">
           $("#admin_exists").attr("checked", "checked");
            updateForm();
        </c:if>
    });
    
    
    function updateForm(){
        var etbMode = $("input[name='mode_etab']:checked").val();
        var adminMode = $("input[name='mode_admin']:checked").val();
        
        if(etbMode == 'exists'){
            $("#etablissements").show();
            $("#etablissements").removeAttr("disabled");
            $("#etablissementCreationForm").hide();
            $(".etablissement-form").attr("disabled", "disabled");
            
        }else if(etbMode == 'not_exists'){
            $("#etablissements").attr("disabled", "disabled");
            $("#etablissementCreationForm").show();
            $("#etb_uai").focus();
            $(".etablissement-form").removeAttr("disabled");
        }
        
        if(adminMode == 'exists'){
            $("#administrateurs").show();
            $("#administrateurs").removeAttr("disabled");
            $("#adminCreationForm").hide();
             $(".admin-form").attr("disabled", "disabled");
            
        }else if(adminMode == 'not_exists'){
            $("#administrateurs").attr("disabled", "disabled");
            $("#administrateurs").hide();
            $("#adminCreationForm").show();
            $("#admin_nom").focus();
            $(".admin-form").removeAttr("disabled");
        }
    }
</script>

<form:form name="frmBase" action="base.save" method="post" modelAttribute="base">
<table>
    <tr>
        <th>Année:</th>
        <td>
            <form:input path="annee" />
        </td>
    </tr>
    <tr>
        <th>Début du calendrier:</th>
        <td>
            <form:input path="calendrier.debut" cssClass="datepicker" />
        </td>
    </tr>
    <tr>
        <th>Fin du calendrier:</th>
        <td>
            <form:input path="calendrier.fin" cssClass="datepicker" />
        </td>
    </tr>
    <tr>
        <th>Etablissement:</th>
        <td>
            <ul>
                <li>
                    <label for="etb_exists">
                        <input id="etb_exists" type="radio" name="mode_etab" value="exists" /> Etablissement existant:
                    </label>
                    <form:select id="etablissements" path="etablissement">
                        <form:option value="0">-</form:option>
                        <form:options items="${etablissements}" itemLabel="nom" itemValue="id"/>
                    </form:select>
                </li>
                <li>
                    <label for="etb_not_exists">
                        <input id="etb_not_exists" type="radio" name="mode_etab" value="not_exists" /> Nouvel établissement:
                    </label>
                    <div id="etablissementCreationForm" style="display:none">
                        <div class="form">
                            UAI: <!--<input type="text" id="etb_uai" name="etb_uai" value="${base.etablissement.uai}" /> -->
                            <form:input path="etablissement.uai" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            Nom: <!--<input type="text" name="etb_nom" value="${base.etablissement.nom}" />-->
                            <form:input path="etablissement.nom" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            Ligne adresse 1: <form:input path="etablissement.adresse.adresse1" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            Ligne adresse 2: <form:input path="etablissement.adresse.adresse2" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            Ligne adresse 3: <form:input path="etablissement.adresse.adresse3" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            CP: <form:input path="etablissement.adresse.codePostal" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            BP: <form:input path="etablissement.adresse.boitePostale" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            Téléphone: <form:input path="etablissement.telephone" cssClass="etablissement-form"/>
                        </div>
                        <div class="form">
                            Email: <form:input path="etablissement.email" cssClass="etablissement-form"/>
                        </div>
                    </div>
                </li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>Administrateur</th>
        <td>
            <ul>
                <li>
                    <label for="admin_exists">
                        <input id="admin_exists" type="radio" name="mode_admin" value="exists" /> Utilisateur existant:
                    </label>
                    <form:select id="administrateurs" path="administrateur.id">
                        <form:option value="0">-</form:option>
                        <form:options items="${utilisateurs}" itemLabel="identite" itemValue="id"/>
                    </form:select>
                </li>
                <li>
                    <label for="admin_not_exists">
                        <input id="admin_not_exists" type="radio" name="mode_admin" value="not_exists" /> Nouvel utilisateur:
                    </label>
                    <div id="adminCreationForm" style="display:none">
                        <div class="form">
                            Nom: <!--<input id="admin_nom" type="text" name="admin_nom" value="${administrateur.identite}" cssClass="admin-form" />-->
                                <form:input path="administrateur.nom" cssClass="admin-form"/>
                        </div>
                        <div class="form">
                            Prénom: <!--<input type="text" name="admin_prenom" value="${administrateur.prenom}" cssClass="admin-form" />-->
                            <form:input path="administrateur.prenom" cssClass="admin-form"/>
                        </div>
                        <div class="form">
                            Login: 
                            <form:input path="administrateur.login" cssClass="admin-form"/>
                        </div>
                        <div class="form">
                            Mot de passe: <!--<input type="password" name="admin_password" value="${administrateur.password}" cssClass="admin-form" />-->
                            <form:password path="administrateur.password" cssClass="admin-form"/>
                        </div>
                        <div class="form">
                            Mot de passe (confirmer): <input type="password" name="admin_password2" value="" cssClass="admin-form" />
                        </div>
                    </div>
                </li>
            </ul>
        </td>
    </tr>
</table>
    
    <form:button type="button" class="btn btn-default btn-md" id="btnAnnuler">Annuler</form:button>
    <form:button type="submit" class="btn btn-primary btn-md">Enregistrer</form:button>
</form:form> 